@charset "UTF-8";

$bg_blur1:#83bafd;
$defult:#fff;
$bg_green1: #2ac4c6;
$bg_green2: #59db85;
$bg_green3: #2bc5c7;
$bg_green4: #2ac5c7;
$bg_yellow1: #fec083;
$bg_yellow2: #ffc64e;
$bg_red1: #fe797a;
$bg_red2: #dc2e30;

$font-color: #333;
$font-color1: #999;
$font-color2: #bbb;
$font-color3: #666;
$font-color4: #ddd;

@function ptr($val) {
    @return ($val/100px) * 1rem;
}
// 点
@mixin point($width,$height,$radius,$bg-color){
    width: ptr($width);
    height: ptr($height);
    border-radius: $radius;
    background: $bg-color;
    position: absolute;
    top: 50%;
    margin-top: ptr(-($height/4));
    left: ptr(25px);
    content:"";
}

// 边框样式
@mixin borderBox($border-color){
    border: 1px solid $border-color;
    box-shadow: 0 0 ptr(3px) $border-color;
}

// 滚动条
@mixin scrollbars($size, $foreground-color, $background-color: mix($foreground-color, white, 50%)) {
    ::-webkit-scrollbar {
      width: $size;
      height: $size;
    }
    ::-webkit-scrollbar-thumb {
      background: $foreground-color;
      cursor: pointer;
    }
    ::-webkit-scrollbar-track {
      background: $background-color;
    }
    body {
      scrollbar-face-color: $foreground-color;
      scrollbar-track-color: $background-color;
    }
}
// icon图标
@mixin iconImg($img,$posX,$posY,$size){
    background-image: url($img);
    background-position: $posX $posY;
    background-repeat: no-repeat;
    background-size: $size;
}

// 输入框
@mixin inputType($img,$sizeX,$sizeY,$left){
    input{
        border: 0;
        width: 100%;
        height: ptr(80px);
        padding-left: ptr(100px);
        background: url($img) no-repeat $left center;
        background-size: $sizeX $sizeY;
        color: #b1b1b1;
        font-size: ptr(26px);
    }
}

// 隐藏lists中最后一个border
@mixin hideborder(){
	&:last-child{
		border-bottom: 0;
	}
}

